<template>
	<div class="header">
		<div class="left" @click="reback">
			<span class="iconfont">&#xe604;</span>
		</div>
		<div class="middle">景点+酒店</div>
		<div class="right">
			<span class="iconfont">&#xe701;</span>
		</div>
	</div>
</template>

<script>

export default {
  name: 'detailHeader',
  methods:{
	  reback(){
		  this.$router.go(-1)
	  }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.header
	line-height .88rem
	background #FFFFFF
	display flex
	.left
		float left
		margin-left .2rem
		color #23BEAE
	.middle
		flex 1
		text-align center
		font-weight bold
	.right
		float right
		margin-right .3rem
		color #23BEAE
</style>
